<template>
  <el-row style>
    <el-card class="box-card" style="height:750px">
      <div slot="header" class="clearfix my-el_header">
        <span style="font-size:16px">项目资源</span>
      </div>
      <el-row :gutter="15">
        <el-col :span="8">
          <el-card class="box-card" style="height:650px">
            <div slot="header" class="clearfix my-el_header">
              <span style="font-size:16px">资源总览</span>
            </div>
            <el-row style="padding:0px">
              <el-table
                class="tl-table"
                ref="mainTable"
                height="600"
                :resizable-refs="['search', 'toolbar', 'selector', 'pager']"
                :data="datas"
                row-key="id"
                border
                fit
              >
                <el-table-column
                  prop="resourceCategory"
                  label="资源分类"
                  min-width="25%"
                  sortable="custom"
                  sort-by="docdate"
                  align="left"
                ></el-table-column>
              </el-table>
            </el-row>
          </el-card>
        </el-col>
        <el-col :span="16">
          <el-card class="box-card" style="height:650px">
            <div slot="header" class="clearfix my-el_header">
              <span style="font-size:16px">
                资源明细
              </span>
            </div>
            <el-row style="padding:0px">
              <el-table
                class="tl-table"
                ref="mainTable"
                height="600"
                :resizable-refs="['search', 'toolbar', 'selector', 'pager']"
                :data="datas2"
                row-key="id"
                border
                fit
              >
                <el-table-column
                  prop="riskName"
                  label="姓名"
                  min-width="25%"
                  sortable="project"
                  sort-by="project"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="riskcode"
                  label="工号"
                  min-width="25%"
                  sortable="project"
                  sort-by="project"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="riskProject"
                  label=" 部门"
                  min-width="25%"
                  sortable="custom"
                  sort-by="docdate"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="riskType"
                  label="电话"
                  min-width="25%"
                  sortable="custom"
                  sort-by="usercode"
                  align="center"
                ></el-table-column>
                <el-table-column
                  prop="riskStatus"
                  label="邮箱"
                  min-width="25%"
                  sortable="custom"
                  sort-by="usercode"
                  align="center"
                ></el-table-column>
              </el-table>
            </el-row>
          </el-card>
        </el-col>
      </el-row>
    </el-card>
  </el-row>
</template>

<script>
import { mixin_list } from "@tapui/mixins/mixin_list"
// 项目详情组件
export default {
  name: "projectResource",
  data() {
    return {
      datas: [
        { resourceCategory: '项目经理' },
        { resourceCategory: '项目组成员' },
        { resourceCategory: '车辆' },
        { resourceCategory: '会议室' },
        { resourceCategory: '专家' }
      ],
      datas2: [
        { riskName: '武生鸿', riskcode: '8167', riskProject: '管理软件部', riskType: '15162173776', riskStatus: '126' },
        { riskName: '武生鸿', riskcode: '8167', riskProject: '管理软件部', riskType: '15162173776', riskStatus: '126' },
        { riskName: '武生鸿', riskcode: '8167', riskProject: '管理软件部', riskType: '15162173776', riskStatus: '126' },
        { riskName: '武生鸿', riskcode: '8167', riskProject: '管理软件部', riskType: '15162173776', riskStatus: '126' },
        { riskName: '武生鸿', riskcode: '8167', riskProject: '管理软件部', riskType: '15162173776', riskStatus: '126' },
        { riskName: '武生鸿', riskcode: '8167', riskProject: '管理软件部', riskType: '15162173776', riskStatus: '126' }
      ],
      formInline: {
        user: '',
        region: ''
      }
    }
  },

  methods: {},
  created() { }
}
</script>

<style  scoped>
</style>
